/***
 * 图片查看器
 *
 */


/* 裁剪工具外层DIV */
.publicImageShow{
	width:545px;
	height: 360px;
	margin: 0px 20px 0px 20px;overflow:hidden;text-align: center;
	position: relative;
}
/* 裁剪工具左边 */
.layerCutLeft{
	overflow: hidden;position: absolute; top: 0;left: 0;
	height: 365px;
    width: 390px;
}

.layerImageCut-div{
	display: inline-table;
	position: relative; top:0px;left:0px;
	
}

/* 裁剪工具右边 */
.layerCutRight{position: absolute; top: 0;right: 0;}

/* 图片预览*/
.layerCutShow-div{border: 1px solid #ccc;}
.layerCutShow{overflow: hidden;display: inline-block;}
.layerCutShow img{overflow: hidden;margin-left:10px;}

/* 图片预览信息 */
.jcropMessage{text-align: left;margin-top: 10px;padding: 0 10px 20px 10px;border: 1px solid #ccc;font-size: 15px;}
.jcropMessage .idea{
	margin-top: 20px;
	color: #ccc;
}
.jcropMessage .idea div{color: #ccc;}
.jcropMessage .actual{
	margin-top: 10px;
	color: black;
}
.jcropMessage .size{
	margin-top: 5px;
	text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ 
	width: 145px;
}
.jcropMessage .leftsize{    
	width: 66px;
    display: block;
    float: left;
    
}
.actualSize{
	color: #408080;
}

/**快速裁剪样式*/
.legend,.actual,.idea{
	font-size: 14px;
	font-family: "Microsoft YaHei";
}
fieldset {
	margin: 5px 0px 0px 0px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-after: 0.625em;

}
.button_group .button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border:1px solid white;
    border-style:none solid none none;
}
.button_group .button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.button.active {
    opacity: 0.9;
}
.button_group .button {
    border-radius: 0;overflow: hidden;
}
.button_box .button, .button_group .button {
    float: left;
    width: 50%;
}
.button.green {
    background-color: #8cc152;
}
.button, .button:hover {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    height: 32px;
    padding: 0 em;
    background-color: #008000;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

/* 裁剪按钮 */
.saveImageCut-div{overflow: hidden;margin-left:calc(50% - 60px);margin-bottom: 15px;}
.saveImageCut{
    float: left;
}
.saveImageCut a{
	width: 120px; height: 35px;text-align: center;
	background: #1aa1b5;
	display: block;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    transition: background 0.2s ease-in 0s;
}
.saveImageCut a:hover{background: #158b9c;}
